<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>3</title>
		<!--<link rel="stylesheet" type="text/css" href="css/baom_newpopup.css"/>-->
		<link rel="stylesheet" type="text/css" href="css/new_file.css"/>
		<style type="text/css">
			body{
				background:gray;
			}
		</style>
		<!--<style type="text/css">
			body,p,li,ul,div{
				line-height:  normal;
			}
			/*清楚内外边距*/
			body,h1,h2,h3,h4,h5,h6,p,li,ul{
				margin: 0;
				padding: 0;
				
			}
			/*清楚列表样式*/
			li{list-style: none;}
			/*清楚超链接下划线*/
			a{text-decoration: none;}
			img{vertical-align: middle;}
			body{
				background: gray;
			}
			#baom-sheji{
				width: 1080px;
				height: 564px;
				background: white;
				border: 1px solid;
				position: absolute; 
				left: 50%; 
				margin-left: -540px;
				top: 50%;
				margin-top: -282px;
			}
			.word_color{
				color: #f9bb36;
			}
			/*左边开始*/
			#baom-freesheji_left{
				width: 370px;
				height: 395px;
				padding: 85px;
				float: left;
			}
			.baom_free_tit{
				font-size: 30px;
				font-weight: bold;
				text-align: center;
			}
			.baom_free_apply{
				font-size: 18px;
				text-align: center;
				color: #666666;
				margin: 20px 0 37px;
			}
			.baom_free_apply>span{
				display: inline-block;
				width: 25px;
				height: 30px;
				text-align: center;
				line-height: 30px;
				color: white;
				background: #f9bb36;
				font-size: 17px;
				
			}
			.baom_free_city,.baom_free_phone{
				padding: 0 5%;
				position: relative;
				margin-bottom: 30px;
			}
			.baom_free_citylist,.baom_free_phonetext{
				width: 100%;
				height: 38px;
				padding-left: 40px;
				font-size: 15px;
				
			}
			.baom_free_phonetext{
				box-sizing: border-box;
			}
			.baom_free_cityimg,.baom_free_phoneimg{
				position: absolute;
				top: 10px;
				left: 40px;
			}
			.baom_free_btnbox{
				padding: 0 5%;
				margin-bottom: 15px;
			}
			.baom_free_btn{
				width: 100%;
				height: 50px;
				border: none;
				border-radius: 5px;
				background: orange;
				color: white;
				font-size: 18px;
			}
			.baom_free_fottext{
				text-align: center;
				font-size: 12px;
				color: #7f7f7f;
			}
			/*右边开始*/
			#baom-freesheji_right{
				width: 520px;
				height: 544px;
				background: #f7fffb;
				padding: 10px;
				float: right;
			}
			/*关闭*/
			#baom_close{
				position: absolute;
				top: -25px;
				right: -25px;
			}
		</style>-->
	</head>
	<script src="http://www.jq22.com/jquery/jquery-2.1.1.js"></script>
	<body>
		<button id="btn" data-ckname="新房装修">点击</button>
		<!--报名-->
		<div id="baom-sheji" class="baoming"> 
			<!--左边-->
			<div id="baom-freesheji_left">
				<div class="baom_free_tit">免费获取设计方案</div>
				<div class="baom_free_apply">
					已有&nbsp;&nbsp;<span>4</span>&nbsp;<span>2</span>&nbsp;<span>8</span>&nbsp;<span>1</span>&nbsp;&nbsp;人申请
				</div>
				<div class="baom_free_city">
					<img class="baom_free_cityimg" src="3/city.png"/>
					<select class="baom_free_citylist">
						<option value="北京市">北京市</option>
					</select>
				</div>
				<div class="baom_free_phone">
					<img class="baom_free_phoneimg" src="3/phone.png"/>
					<input class="baom_free_phonetext" type="text" value="" id="baom_phone" placeholder="输入手机号，接收报价明细"/>
				</div>
				<div class="baom_free_btnbox">
					<button class="baom_free_btn">立即申请</button>
				</div>
				<div class="baom_free_fottext">
					<img src="3/dun.png"/> &nbsp;互联网装修上市企业 9年服务客户800万
				</div>
			</div>
			<!--右边-->
			<div id="baom-freesheji_right">
				<img src="3/banner.png"/>
			</div>
			<!--关闭-->
			<div id="baom_close">
				<img src="img/close.png"/>
			</div>
		</div>
		<!--报名 end-->
		
		<script src="js/baom_popup.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
